window.addEventListener("load", function () {
	// 切换Form表单
	$("#loginModalLoginType a")[0].classList.add("active");
	$("#loginModal form")[0].classList.add("on");
	tab("#loginModalLoginType a", "active", "#loginModal form", "on");

	// 需求一：验证表单的用户名（6~20位字母数字）
	console.log($("#userName"));
	$("#userName").addEventListener("blur", function () {
		const regex = /^[a-zA-Z0-9]{6,20}$/;
		if (!regex.test(this.value)) {
			$("#loginUser span")[0].classList.add("on");
		}
	});
	$("#password").addEventListener("blur", function () {
		const regex = /^[a-zA-Z0-9]{6,20}$/;
		if (!regex.test(this.value)) {
			$("#loginUser span")[1].classList.add("on");
		}
	});
	console.log($("#loginUser"));
	$("#loginLink").addEventListener("click", function (e) {
		const regex = /^[a-zA-Z0-9]{6,20}$/;
		if (
			!regex.test($("#userName").value) ||
			!regex.test($("#password").value)
		) {
			e.preventDefault();
		}
	});
});
